<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>CosmoFarmer</title>
<style type="text/css">
/* reset styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style:square; }
q:before, q:after { content:''; }
/* end reset */

/* BASIC */
body {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	padding: 20px;
}
ul#mainNav{
  margin: 0;
  padding: 0;
  list-style: none;
}

  #mainNav a{
    color: #000000;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px dashed #999999;
    padding: 7px 5px;
    display: block;
    width: 175px;
    background: url("../images/nav.png") no-repeat 0 2px #E7E7E7;
    border-bottom: none;
    padding: 7px 5px 7px 30px;
  }

  #mainNav{
    margin: 0;
    padding: 0;
    list-style: none;
    width: 175px;
    border-bottom: 1px dashed #999999;
  }

  #mainNav a:hover{
    font-weight: bold;
    background: #B2F511 3px 50%;
  }

  #home #homeLink{
    background: #FFFFFF 97% 100%;
    padding-right: 15px;
    padding-left: 30px;
    font-weight: bold;
  }

  #home #homeLink{
    background: #FFFFFF 97% 100%;
    padding-right: 15px;
    padding-left: 30px;
    font-weight: bold;
  }
</style>
</head>
<body id="home">
  <ul id="mainNav">
    <li><a href="/index.html" id="homeLink">Home</a></li>
    <li><a href="/features/">Features</a></li>
    <li><a href="/experts/">Experts</a></li>
    <li><a href="/quiz/">Quiz</a></li>
    <li><a href="/projects/">Projects</a></li>
    <li><a href="/horoscopes/">Horoscopes</a></li>
  </ul>
</body>
</html>
